<!doctype html>
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang="en"> <![endif]-->
<!--[if IE 7]>    <html class="no-js lt-ie9 lt-ie8" lang="en"> <![endif]-->
<!--[if IE 8]>    <html class="no-js lt-ie9" lang="en"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js" lang="en"> <!--<![endif]-->
<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <title>Example brunch application</title>
  <meta name="viewport" content="width=device-width,initial-scale=1">
  <link rel="stylesheet" href="/stylesheets/app.css">
  <script src="/javascripts/vendor.js"></script>
</head>
<body>
  <div class="header-container">
    <header class="header" id="navigation-container">
      <h1 class="header-logo"><a href="/">Ostio</a></h1>
      <button class="header-login-button button">Login with GitHub</button>
    </header>
  </div>
  <section class="content-container" id="content-container">
    <nav class="navigation">
      <h2>
        <a href="#/brunch">brunch</a>
        /
        <a href="#/brunch/brunch">brunch</a>
      </h2>
    </nav>

    <article class="topic">
      <h3 class="topic-title">How to create an app?</h3>
      <div class="topic-posts">
        <article class="topic-post">
          <div class="topic-post-avatar-container">
            <img class="topic-post-avatar avatar" src="https://secure.gravatar.com/avatar/7111722195d87231c263add622a583b6" alt="" />
          </div>
          <div class="topic-post-content">
            <div class="topic-post-header">
              <a class="topic-post-author" href="#/">nikgraf</a>
              <time class="topic-post-metadata topic-post-date">40 minutes ago</time>
            </div>
            <div class="topic-post-text">
              <p>Is there any guide?</p>
            </div>
          </div>
        </article>
        <article class="topic-post">
          <div class="topic-post-avatar-container">
            <img class="topic-post-avatar avatar" src="https://secure.gravatar.com/avatar/d342e4ef045c54a6a6f41d070d8a0406" alt="" />
          </div>
          <div class="topic-post-content">
            <div class="topic-post-header">
              <a class="topic-post-author" href="#/">paulmillr</a>
              <time class="topic-post-metadata topic-post-date">33 minutes ago</time>
            </div>
            <div class="topic-post-text">
              <p>
                <a href="a">@nikgraf</a> yep. I like the one on
                <a href="http://html5rocks.com/brunch">html5rocks</a>.
              </p>
            </div>
          </div> 
        </article>
        <article class="topic-post">
          <div class="topic-post-avatar-container">
  <img class="topic-post-avatar avatar" src="https://secure.gravatar.com/avatar/7111722195d87231c263add622a583b6" alt="" />
          </div>
          <div class="topic-post-content">
            <div class="topic-post-header">
              <a class="topic-post-author" href="#/">nikgraf</a>
              <time class="topic-post-metadata topic-post-date">25 minutes ago</time>
            </div>
            <div class="topic-post-text">
              <p>Oh, I see, thanks.</p>
            </div>
          </div>
        </article>
        <article class="topic-post">
          <div class="topic-post-avatar-container">
  <img class="topic-post-avatar avatar" src="https://secure.gravatar.com/avatar/7111722195d87231c263add622a583b6" alt="" />
          </div>
          <div class="topic-post-content">
            <div class="topic-post-header">
              <a class="topic-post-author" href="/">nikgraf</a>
              <time class="topic-post-metadata topic-post-date">23 minutes ago</time>
            </div>
            <div class="topic-post-text">
              <p>
                As of Node 0.6.4 on windows npm is installing Brunch, but when running 'brunch watch' it throws the following error: <code><pre>
                The "sys" module is now called "util". It should have a similar interface.

                fs.js:734
                  throw new Error('use fs.watch api instead');
                        ^
                Error: use fs.watch api instead
                  at Object.watchFile (fs.js:734:11)
                  at C:\Users\Dave\AppData\Roaming\npm\node_modules\brunch\lib\helpers.js:81:1
                4
                  at Object.oncomplete (fs.js:810:7)</pre></code>
              </p>
            </div>
          </div>
        </article>
        <article class="topic-post">
          <div class="topic-post-avatar-container">
            <img class="topic-post-avatar avatar" src="https://secure.gravatar.com/avatar/d342e4ef045c54a6a6f41d070d8a0406" alt="" />
          </div>
          <div class="topic-post-content">
            <div class="topic-post-header">
              <a class="topic-post-author" href="#/">paulmillr</a>
              <time class="topic-post-metadata topic-post-date">Just now</time>
            </div>
            <div class="topic-post-text">
              <p>I think it's because you have old npm version. Try to upgrade
                <code><pre>(npm update -g npm)</pre></code>
              </p>
            </div>
          </div> 
        </article>
        <article class="topic-post topic-post-create">
          <div class="topic-post-avatar-container">
            <img class="topic-post-avatar avatar" src="https://secure.gravatar.com/avatar/d342e4ef045c54a6a6f41d070d8a0406" alt="" />
          </div>
          <div class="topic-post-content">
            <div class="topic-post-header">
              <a class="topic-post-author" href="#/">paulmillr</a>
              <em class="topic-post-metadata">Posts are parsed with <a href="http://github.github.com/github-flavored-markdown/" class="gfm-help">Markdown</a></em>
            </div>
            <div class="topic-post-text">
              <textarea class="topic-new-post-body"></textarea>
              <button class="topic-new-post-create-button button">Comment on this topic</button>
            </div>
          </div> 
        </article>
      </div>
    </article>

  </section>
</body>
</html>
